<ons-page ng-controller="ParamEditCtrl">
    <ons-toolbar>
        <div class="left">
            <ons-back-button>Back</ons-back-button>
        </div>
        <div class="center">修改</div>
    </ons-toolbar>

    <section style="padding: 8px">
        <input type="text" class="text-input" ng-model="mode.name" placeholder="排除域名:baidu.com" style="display: block; width: 100%">
    </section>

    <section style="padding: 8px">
        <ons-row>
            <ons-col>
                <label class="radio-button">
                    <input type="radio" id="category" ng-model="mode.category" name="category" value="a">
                    <div class="radio-button__checkmark"></div>{{modes.catename["a"]}}
                </label>
            </ons-col>
            <ons-col>
                <label class="radio-button">
                    <input type="radio" id="category" ng-model="mode.category" name="category" value="b">
                    <div class="radio-button__checkmark"></div>{{modes.catename["b"]}}
                </label>
            </ons-col>
            
        </ons-row>
    </section>

    <section style="padding: 8px">
        <ons-button  ng-click="modes.save();paramNavigator.popPage();" modifier="large">  确认</ons-button>
    </section>
    <section style="padding: 8px">
        <button  ng-click="modes.delete(index);paramNavigator.popPage();" class="button--large--cta"  > <ons-icon  icon="fa fa-lg fa-trash-o"  class="minusIcon"></ons-icon> 删除</button>
    </section>

</ons-page>
